

$darkH:#202125;
// 清除element下的一些颜色
body{
  --#{$namespace}-menu-bg-color:transparent;
}

:root{
  --app-bg:#efefef;
  --#{$appNamespace}-text-color:#333;
  --#{$appNamespace}-sidebar-text-color: #333;
  --#{$appNamespace}-sidebar-text-father-color:#888;
  --#{$appNamespace}-sidebar-active-bg: var(--#{$appNamespace}-color);
  --#{$appNamespace}-all-pd:20px;
}


:root {
  --#{$appNamespace}-left: 220px;
  --#{$appNamespace}-left-bg: #fff;
  --#{$appNamespace}-header-height: 60px;
  --#{$appNamespace}-header-padding: 10px;
  --#{$appNamespace}-header-bg: #fff;
  --#{$appNamespace}-color: #{$base};
  --#{$appNamespace}-card-radius: 5px;
  --#{$appNamespace}-card-bg-color:#fff;
  --#{$appNamespace}-card-shadow:0 0 10px rgba(0, 0, 0, 0.05);
  --#{$appNamespace}-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  --#{$namespace}-box-shadow-light:var(--#{$appNamespace}-card-shadow);
}

// tag 部分
:root {
  --#{$appNamespace}-tagview-height: 40px;
  --#{$appNamespace}-tagview-bg: #fff;
  --#{$appNamespace}-tagview-active-bg:var(--el-color-primary-light-9);
  --#{$appNamespace}-tagview-text-color:#333;
  --#{$appNamespace}-tagview-border:#eee;
  --#{$appNamespace}-tagview-shadow:2px 2px 5px #eee;
}



html.dark {
  --app-bg:#16171b;
  --#{$appNamespace}-left-bg: #{$darkH};
  --#{$appNamespace}-header-bg: #16171b;
  --#{$appNamespace}-sidebar-text-color: #fff;
}

// tag
html.dark {
  --#{$appNamespace}-text-color:#fff;

  --x-tagview-bg: #666;
  --x-tagview-border: #999;
  --#{$appNamespace}-tagview-bg:#202125 ;
  --#{$appNamespace}-tagview-border:#3a3c44;
  --#{$appNamespace}-card-bg-color:#202125;
  --#{$appNamespace}-card-border-color:transparent;

  --#{$appNamespace}-tagview-shadow:2px 2px 5px #2d2d2d;
  --#{$appNamespace}-box-shadow-light:2px 2px 5px rgba(00,00,00,.05);
  --#{$appNamespace}-tagview-text-color:#fff;
}


